<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			li {
				list-style: none;
			}

			#d1 {
				position: relative;
		 }

			#d1 ul {
				display: flex;
				font-size: 25px;
				background-color: gainsboro;
				height: 55px;
				line-height: 55px;
			}
			#d1 ul li:hover #tip{
				background: url(header_05.png) no-repeat;
				width: 100px;
				cursor: pointer;
				transition: all 1s;
			}
			#d1 #tip {
				position: absolute;
				top: 0;
				left: 40px;
				height: 20px;
				width: 40px;
				background: url(header_03.png) no-repeat;
			}
		</style>
	</head>
	<body>
		<div id="d1">
			<ul>
				<li>返回商城
					<div id="tip">

					</div>
				</li>
			</ul>

		</div>

	</body>
</html>
